Lesson01_08 이미지 맵
1699 단어 Lesson01 08이미지 맵
2.이미지 맵 은 무엇 입 니까?하나의 그림 을 여러 영역 으로 나 누 어 각각 다른 URL 주 소 를 가리 키 고 있 습 니 다.
3.이미지 맵 을 어떻게 만 드 는 지(1)먼저 이미지 의 각 핫 이 슈 구역 의 모양,위치 좌표,그리고 가리 키 는 url 주소 정 보 를 정의 해 야 합 니 다.이 과정 을 이미지 핫 이 슈 맵 이 라 고 합 니 다.이 과정 은태그 로 설명 해 야 합 니 다.그 중의 name 속성 은 이 핫 이 슈 맵 의 이름 을 지정 합 니 다.(2)이미지 핫 이 슈 에 비 친 각 영역 은태그 로 설명 합 니 다.태그 의 형식 은HREF 부분 도 nohref 로 표시 할 수 있 습 니 다.이 영역 에서 누 르 면 무효 임 을 표시 합 니 다.(3)정 의 된 다음 에이미지 탭 에 usemap 라 는 속성 설정 을 추가 해 야 합 니 다.다음 과 같 습 니 다.예:코드 는 다음 과 같 습 니 다
<map name=mymap>
<area shape="rect" coords="0,0,50,50" href="http://www.loncer.cn">
<area shape="rect" coords="0,50,150,50" href="http://www.thinkme.cn">
<area shape="rect" coords="50,0,100,50" href="http://www.sina.cn">
</map>
<img src="/upload/200729134227624.gif" usemap="#mymap">
효 과 는 다음 과 같 습 니 다shape 속성 설정 설명:
4.567917.rect 는 사각형 구역 을 정의 하고 coords 속성 은 사각형 의 왼쪽 상단,오른쪽 아래 의 좌표 로 설정 하 며 각 좌표 값 은'번호 로 나 뉜 다.
4.567918.4.567917.poly 는 다각형 의 구역 을 정의 하고 coords 속성 설정 치 는 다각형 각 정점 의 좌표 값 입 니 다.
4.567918.4.567917.cicle 은 원형 구역 을 정의 하고 coords 속성 설정 치 는 원형 좌표 와 반지름 이 며 앞의 두 개 는 좌표 이 고 뒤의 하 나 는 반지름 이다.
예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:예:코드 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다:예:코드 는 다음 과 같다:효 과 는 다음 과 같다
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
이미지 맵으로 냄비를 붙인다.이미지에 여러가지 묻고 싶어졌으므로, 이미지 맵 사용해 보았습니다. 이번에 사용하는 이미지는 여기. 이 맛있을 것 같은 물 밥 냄비의 "새고기"와 "두부"에 호버하면 문자가 표시되도록합니다. 영역 지정 이 작업이 가...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.